//- Copyright (c) 2016 Lucky Byte, Inc.
extends ../layout

block content
  form.ui.form.attached.segment.main(enctype="multipart/form-data"
    action="/merch/import", method="post")

    h4.ui.dividing.header(style="margin-top:0px;") 导入选项
    .fields.two
      .field.required.three.wide
        label 商户类型:
        select.ui.dropdown.input(name="inside")
          option(value="true") 平台商户
          option(value="false" selected="selected") 外联商户
      .field.required.three.wide
        label 所属渠道:
        select.ui.dropdown.input(name="chnl")
          option(value="") 必填
          - for (var k in constant.merch_chnls)
            option(value="#{k}")= constant.merch_chnls[k]
      .field.required.ten.wide
        label 数据文件:
        .ui.action.input
          input#attach_name(type="text" readonly="readonly")
          label.ui.icon.basic.button(for="attach_file")
            i.attach.basic.icon.blue
            input#attach_file(name="attach_file" type="file"
              accept=".txt" style="display:none;")

    .ui.message.info
      .header 导入说明：
      .ui.ordered.list
        .item 每种数据文件的格式（字段数、含义）不一样，请正确选择；
        .item 系统通过后台任务完成数据导入操作，因此本页面提交成功后不会立即看到数据的变化；

    .ui.buttons(style="margin-top:40px;")
      button.ui.yellow.button#cancel(type="button"
        onclick="window.location = '/merch'") 取 消
      .or
      if page_perms.import
        button.ui.green.button#ok(type="submit") 导 入
      else
        button.ui.green.button.disabled#ok(type="submit")
          i.icon.ban
          | 导 入

append code
  script
    :coffee-script
      $ ->
          # 表单字段验证
          form = $('form#merch')
          form.form
              inline : true,
              fields : { file_type : 'empty', attach_file : 'empty' }

          # 数据文件选择改变时处理
          $('input#attach_file').change (evt) ->
            size = $(this).get(0).files[0].size
            if size > 1024 * 1024 * 5
                alert '文件大小不能超过 5M，请重新选择.'
                $('input#attach_name').val('')
            else
              $('input#attach_name').val($(this).val().replace(/\\/g, '/')
                  .replace(/.*\//, ''))
              $(this).parents('form#merch').form('is valid')
